/*通用样式*/
.clearfix:after {
	display: block;
	clear: both;
	content:"";
	visibility: hidden;
	height: 0
}

/*多行文本省略*/
.multi-ellipsis(@lines: 1) {
  display: -webkit-box;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @lines;
}

/*单行文本省略号*/
.single-ellipsis{
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*滚动条*/
::-webkit-scrollbar{
  width: 6px;
  height: 6px;
  background-color:#fff;
}

::-webkit-scrollbar:hover{
  background-color:#eee;
}

::-webkit-scrollbar-thumb{
  min-height: 5px;
  min-width: 5px;
  border-radius: 20px;
  background-color: #AAA;
}

::-webkit-scrollbar-thumb:hover{
  border-color: #444;
}

::-webkit-scrollbar-thumb:active{
  border-color: #444;
}
/**文字和背景主色调**/
@red-color: #fd536c;
@blue-color: #00bbee;
@bg-red: #FD3553;
@border-color: #E6E6E6;
@border-gray:#e5e5e5;


.ft-red{
   color: #fd536c!important
}

.ui-box{
  height: 100vh;
  h1{
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/** 通用按钮**/
.ui-btn {
	width: 100%;
	border: none;
	background: none;
	background: @bg-red;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	height: 96px;
	line-height: 96px;
	font-size: 28px;
	-webkit-appearance: none;
}